<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>jeep汽车官方网站</title>
		<link rel="stylesheet" href="css/header.css" />
		<link />
		<link rel="stylesheet" href="css/middle.css" />
		<link />
		<script type="text/javascript" src="js/jquery-1.8.3.js"></script>

	</head>

	<body>

		<div class="full"></div>
		<!--<div class="right-fixed">
				<ul>
					<li><img src="img/rightposition/计算机.png"/>金融计算</li>
					<li><img src="img/rightposition/定制我的.png"/>定制我的Jeep</li>
					<li><img src="img/rightposition/对比.png"/>车型对比</li>
					<li><img src="img/rightposition/试驾预约.png"/>预约试驾</li>
					<li><img src="img/rightposition/咖啡.png"/>Jeep Lift</li>
					<li><img src="img/rightposition/在线咨询.png"/>在线咨询</li>
				</ul>			
			</div>-->
		<!--<div class="curtain-bg" style="display: none;"></div>-->
		<div class="header">

			<div class="headBox">

				<div class="log">
					<a href="index.html"><img src="img/headpicture/nav_logo.png"></a>
				</div>

				<ul class="hdNav">
					<li>
						<a href="#">Jeep云图</a>
					</li>
					<li class="hdNarCar nav">
						<a href="#" class="hdNavTxt">车型</a>

						<div class="head-hiding over">
							<ul>
								<li>
									<div class="img">
										<img src="img/CarModels/nav_n1.jpg">
									</div>
									<div class="txt">
										<img src="img/CarModels/nav_t1.jpg">
										<a class="booking" href="#"></a>
										<a class="more" href="#"></a>
									</div>
								</li>
								<li>
									<div class="img">
										<img src="img/CarModels/nav_n2.jpg">
									</div>
									<div class="txt">
										<img src="img/CarModels/nav_t2.jpg">
										<a class="booking" href="#"></a>
										<a class="more" href="#"></a>
									</div>
								</li>
								<li>
									<div class="img">
										<img src="img/CarModels/nav_n3.jpg">
									</div>
									<div class="txt">
										<img src="img/CarModels/nav_t3.jpg">
										<a class="booking" href="#"></a>
										<a class="more" href="#"></a>
									</div>
								</li>
								<li>
									<div class="img">
										<img src="img/CarModels/nav_n4.jpg">
									</div>
									<div class="txt">
										<img src="img/CarModels/nav_t4.jpg">
										<a class="booking" href="#"></a>
										<a class="more" href="#"></a>
									</div>
								</li>
								<li>
									<div class="img">
										<img src="img/CarModels/nav_n5.jpg">
									</div>
									<div class="txt">
										<img src="img/CarModels/nav_t5.jpg">
										<a class="booking" href="#"></a>
										<a class="more" href="#"></a>
									</div>
								</li>
								<li>
									<div class="img">
										<img src="img/CarModels/nav_n6.jpg">
									</div>
									<div class="txt">
										<img src="img/CarModels/nav_t6.jpg">
										<a class="booking" href="#"></a>
										<a class="more" href="#"></a>
									</div>
								</li>
							</ul>
						</div>

					</li>
					<li class="financial">
						<a href="#">金融服务</a>
						<div class="Amount_Money" style="display: none;">
							<ul>
								<li>
									<a href="#">自由享金融</a>
								</li>
								<li>
									<a href="#">自由享置换</a>
								</li>
								<li>
									<a href="#">金融计算</a>
								</li>
							</ul>
						</div>
					</li>
					<li>
						<a href="shopping.html">Jeep商城</a>
					</li>
					<li class="Club_Life">
						<a href="#">Jeep Life</a>
						<div class="club" style="height: 160px;display: none;">
							<ul>
								<li>
									<a href="#">探享俱乐部</a>
								</li>
								<li>
									<a href="#">品牌介绍</a>
								</li>
								<li>
									<a href="#">新闻资讯</a>
								</li>
								<li>
									<a href="#">最新活动</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="Owner_Service">
						<a href="#">车主服务</a>
						<div class="Service_items over" style="display: none;">
							<ul>
								<li>
									<a href="#">汽车三包政策</a>
								</li>
								<li>
									<a href="#">24小时道路救援</a>
								</li>
								<li>
									<a href="#">车辆信息查询</a>
								</li>
								<li>
									<a href="#">车友论坛</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="dltd">
						<a href="testDrive.html"><img src="img/headpicture/find.png" style="vertical-align: middle;margin-right: 6px;"><span style="color: darkorange;">查找经销商</span></a>
					</li>
					<li class="dltd">
						<a href="testDrive.html"><img src="img/headpicture/test.png" style="vertical-align: middle;margin-right: 6px;"><span style="color: darkorange;">试驾预约</span></a>
					</li>
					<li class="join_us">
						<a href="#">加入我们</a>
						<div class="info over" style="height: 80px;margin-left: -75px; display: none;">
							<ul>
								<li>
									<a href="#">招聘信息</a>
								</li>
								<li>
									<a href="#">申请经销商</a>
								</li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
		</div>

		<!--/header-->

		<div id="middle">
			<!--图片轮播-->
			<div class="banner">
				<div id="pirtear">
					<img class="shuffing" src="img/banner/1.jpg" />
				</div>

				<!--描述：左右图标 做成一秒钟显示3次的效果-->
				<div class="left"><img class="left-icon" src="img/left.png" style="display:none"></div>

				<div class="right"><img class="right-icon" src="img/right.png" style="display:none"></div>

				<!--描述：轮播图片底部线条-->
				<div class="byline">
					<ul class="underline">
						<li class="un">
						</li>
						<li class="un">

						</li>
						<li class="un">

						</li>
						<li class="un">

						</li>
						<li class="un">

						</li>
						<li class="un">
						</li>
					</ul>
				</div>
			</div>

			<!--
                 	描述：中部小图
                 -->
			<div class="newcar" title="中部小图">
				<ul>
					<!--描述：第一张-->
					<li>
						<a href="#">
							<img class="car_tp" src="img/newcar/1.jpg" />
							<div class="car_txt">
								<img class="car_txt1" src="img/newcar/tb1.jpg" />
								<img class="car_txt2" src="img/newcar/th1.jpg">
							</div>
						</a>
					</li>
					<!--描述：第二张-->
					<li>
						<a href="#">
							<img class="car_tp" src="img/newcar/2.jpg" />
							<div class="car_txt">
								<img class="car_txt1" src="img/newcar/tb2.jpg" />
								<img class="car_txt2" src="img/newcar/th2.jpg">
							</div>
						</a>
					</li>
					<!--描述：第三张-->
					<li>
						<a href="#">
							<img class="car_tp" src="img/newcar/3.jpg" />
							<div class="car_txt">
								<img class="car_txt1" src="img/newcar/tb3.jpg" />
								<img class="car_txt2" src="img/newcar/th3.jpg">
							</div>
						</a>
					</li>
					<!--描述：第四张-->
					<li>
						<a href="#">
							<img class="car_tp" src="img/newcar/4.jpg" />
							<div class="car_txt">
								<img class="car_txt1" src="img/newcar/tb4.jpg" />
								<img class="car_txt2" src="img/newcar/th4.jpg">
							</div>
						</a>
					</li>
				</ul>

			</div>

			<!--
               	描述：中间小底部
               -->

			<!--
                   	描述：背景图
                -->
			<div class="bto_bg">

				<!--
                       	描述中间的文本描述
                       -->
				<div class="clu-logtxt">
					<ul>
						<li><img src="img/clubpicture/log.png"></li>
						<li><img src=" img/clubpicture/log-txt.png"></li>
					</ul>
				</div>

				<!--描述：5张图片 -->

				<div class="out-activities">
					<div class="culb-bg">
						<ul class="out1">
							<li><img src="img/clubpicture/1.jpg" /></li>
							<li><img src="img/clubpicture/2.jpg" /></li>
							<li><img src="img/clubpicture/3.jpg" /></li>
						</ul>
						<ul class="out2">
							<li><img src="img/clubpicture/4.jpg" /></li>
							<li><img src="img/clubpicture/5.jpg" style="width: 500px;" /></li>
						</ul>
					</div>

				</div>
				<!--
                      	描述：俱乐部图片完结
                      -->
			</div>
			<!--描述：中底部定制开始 -->

			<div class="custom-bg">
				<ul>
					<li>
						<a href=" ">
							<img src="img/botpicture/1.png"></a>
						<img src="img/botpicture/sx.png">
					</li>
					<li>
						<a href=" "><img src="img/botpicture/2.png"></a>
						<img src="img/botpicture/sx.png" />
					</li>
					<li>
						<a href=" "><img src="img/botpicture/3.png"></a>
						<img src="img/botpicture/sx.png" />
					</li>
					<li>
						<a href=" "><img src="img/botpicture/4.png"></a>
					</li>
				</ul>
			</div>

		</div>

		<!--/middle-->
		<div style="margin: auto; width: 1280px;position: relative;">
			<img src="img/最新底部.png" />
			<ul class="phone">
				<li>电话热线：400 &nbsp;6500&nbsp;118</li>
				<li><img src="img/wb.png" />&nbsp;&nbsp;<img src="img/wx.png" /></li>
			</ul>
		</div>
		<!--/bottom-->
		<!--<div class="most-bot">
					<ul class="most-txt">
						<li>隐私条款</li>
						<li>联系我们</li>
						<li>加入我们</li>
						<li>网站地图</li>
					</ul>
					
						<ul class="wx">
							<li><img src="img/wb.png"/>&nbsp;&nbsp;<img src="img/wx.png"/></li>
							<li>微博   微信</li>
						</ul>
							<ul class="phone">
								<li>电话热线：400 &nbsp;6500&nbsp;118</li>								
							</ul>
	
					<ul class="most-logo">
						<li><img src="img/botpicture/jeeplogo.png"></li>
						<li><img src="img/botpicture/klsea.png"></li>
						<li><img src="img/botpicture/d7.png"></li>
					</ul>
					<p>网站中所有产品图片及文字说明均有可能变更。克莱斯勒[中国]汽车销售有限公司/广汽菲亚特克莱斯勒汽车销售有限公司保留对所描述车型进行更改的权利，
					        并且任何时候都无需承担因以产品改进为目的的设计和[或]市场营销等原因而必须提前通知的义务。<br />
					      沪ICP备09014236号-12
					</p>
				</div>-->

		<!--/bottom-->

		<script type="text/javascript" src="js/header.js">
		</script>
	</body>

</html>